<!--
程序名：完成页面
功能：填写完试卷跳转的页面
-->
<template>
	<div class="finish">
		<el-card shadow="never" style="font-size: 18px;line-height: 40px;padding: 10px;">
			<div align="center">
				<i v-if="checkFlag || answerFlag" class="el-icon-circle-close" style="color: red;font-size: 50px"></i>
				<i v-if="commitFlag" class="el-icon-circle-check" style="color: green;font-size: 50px"></i>
				
				<div v-if="commitFlag">
				<p>您的试卷已提交，考试完成！</p>
				</div>

				<div v-if="checkFlag || answerFlag">
					<p>{{msg}}</p>
				</div>
			</div>
			<el-divider></el-divider>
			<div align="center">
				<el-link type="primary" href="/">返回首页</el-link>
			</div>
		</el-card>
	</div>
</template>

<script>
export default {
	data(){
		return{
			checkFlag: false,  //看填写结果的界面
			msg: "",
			commitFlag: false,
			answerFlag: false   //填写试卷时的错误信息
		}
	},
	mounted() {
		this.checkFlag = this.$route.query.checkFlag;
		this.msg = this.$route.query.msg;
		this.answerFlag = this.$route.query.answerFlag,
		this.commitFlag = this.$route.query.commitFlag
	}
}
</script>
<style scoped>
	.finish {
		padding: 40px;
	}
</style>
